<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../common/js/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../common/js/bootstrap-3.3.7-dist/css/bootstrap-datatimepicker.4.14.47.min.css" />

		<link rel="stylesheet" type="text/css" href="../../css/footer.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper-3.4.2.min.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/manager.css"/>-->

		<script src="../../../common/js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script ssrc="../../../common/js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../common/js/bootstrap-3.3.7-dist/js/moment-with-locales.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../common/js/bootstrap-3.3.7-dist/js/bootstrap-datatimepicker.4.14.47.js" type="text/javascript" charset="utf-8"></script>

		<!--画图插件-->
		<!--<script src="../../js/Chart.addTest.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="../../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#tabHead {
				padding: 0.347222rem 0;
				overflow: hidden;
				margin-bottom: 0px;
			}
			
			.tabMain {
				font-size: 0.416666rem;
				text-align: center;
				float: left;
				width: 33.3333333%;
				color: #000000;
			}
			.liMain{
				font-size: 0.38rem;
				text-align: center;
				float: left;
				width: 33.3333333%;
				color: #000000;
				padding: 0.416666rem 0rem;
				border-bottom: 1px solid gainsboro;
			}
			.liMain1{
				font-size: 0.38rem;
				text-align: center;
				float: left;
				width: 33.3333333%;
				color: #000000;
				margin: 0.416666rem 0rem;
				border-right: 1px solid gainsboro;
			}
			.activeIntegral {
				width: 50%;
				text-align: center;
				overflow: hidden;
				float: left;
				
			}
			.foot:nth-child(1) {
				color: #e83023;
			}
		</style>
	</head>

	<body>
		<div id="wrap">
			<div id="main">
				<div id="header">
					<a id="headImg" href="index-jifen.html"><img class="headImg" src="../../images/12.png" /></a>
					<p id="headTitle" style="font-size: 16px;  ">积分标准</p>
				</div>
				<div id="content" style="padding-top: 1.3rem;">
					<p id="tabHead">
						<span class="tabMain" style="color: red;border-right: 1px solid #DCDCDC; width: 50%;">基础积分</span>
						<span class="tabMain" style="width: 50%;">考勤积分</span>
					</p>
					<div class="main111">
						<li style="background-color: white;overflow: hidden; ">
							<span class="liMain1" style="">类型</span>
							<span class="liMain1">标题</span>
							<span class="liMain1">分数</span>
						</li>
						
						<ul>
							<a href="xiangqing1.html">
								<li style="background-color: white;overflow: hidden; border-top: 1px solid gainsboro;">
									<span class="liMain">基础积分</span>
									<span class="liMain">职位</span>
									<span class="liMain">50-300</span>
								</li>
							</a>
							<a href="xiangqing2.html">
								<li style="background-color: white;overflow: hidden;">
									<span class="liMain">基础积分</span>
									<span class="liMain">学历</span>
									<span class="liMain">50-200</span>
								</li>
							</a>
							<a href="xiangqing3.html">
								<li style="background-color: white;overflow: hidden;">
									<span class="liMain">基础积分</span>
									<span class="liMain">工龄</span>
									<span class="liMain">20</span>
								</li>
							</a>
							<a href="">
								<li style="background-color: white;overflow: hidden;">
									<span class="liMain">基础积分</span>
									<span class="liMain">特长</span>
									<span class="liMain">暂无</span>
								</li>
							</a>
							
							
							
							
							
						</ul>
					</div>
					<div class="main111" style="display: none; margin-top: 0..1rem;">
						<li style="background-color: white;overflow: hidden; ">
							<span class="liMain1" style="">类型</span>
							<span class="liMain1">标题</span>
							<span class="liMain1">分数</span>
						</li>
						<!--<p style="overflow: hidden;">
							<span class="activeIntegral">
								<select name="" id="bumen" style="color:#666;border:1px solid #DCDCDC;padding: 0.1rem;width: 80%;background-color: #f7f7f7;font-size: 0.333333rem;outline: none; ">
									<option value="1" selected="">奖分类型</option>
									<option value="日报">日报</option>
									<option value="工作任务">工作任务</option>
									<option value="日常维护">日常维护</option>
									<option value="工作表现">工作表现</option>
									<option value="成长表现">成长表现</option>
									
								</select>
							</span>
							<span class="activeIntegral">
								<select name="" id="bumen1" style="color:#666;border:1px solid #DCDCDC;padding: 0.1rem;width: 85%;background-color: #f7f7f7;font-size: 0.333333rem;outline: none;">
									<option class="child_type" data-parent='1' value="11">奖分标准</option>
									<option class="child_type" data-parent='日报' value="工作日志">工作日志</option>
									<option class="child_type" data-parent='日报' value="工作总结">工作总结</option>
									<option class="child_type" data-parent='工作任务' value="项目开发">项目开发</option>
									<option class="child_type" data-parent='工作任务' value="原型设计">原型设计</option>
									<option class="child_type" data-parent='工作任务' value="市场推广">市场推广</option>
									<option class="child_type" data-parent='工作任务' value="渠道拓展">渠道拓展</option>
									<option class="child_type" data-parent='工作任务' value="培训课程">培训课程</option>
									<option class="child_type" data-parent='工作任务' value="网络推广">网络推广</option>
									<option class="child_type" data-parent='工作任务' value="文案策划">文案策划</option>
									<option class="child_type" data-parent='工作任务' value="平面设计">平面设计</option>
									<option class="child_type" data-parent='工作任务' value="财务核算">财务核算</option>
									<option class="child_type" data-parent='日常维护' value="打扫办公室">打扫办公室</option>
									<option class="child_type" data-parent='日常维护' value="绿植养护">绿植养护</option>
									<option class="child_type" data-parent='工作表现' value="工作积极">工作积极</option>
									<option class="child_type" data-parent='工作表现' value="超额完成任务">超额完成任务</option>
									<option class="child_type" data-parent='工作表现' value="延时完成任务">延时完成任务</option>
									<option class="child_type" data-parent='工作表现' value="没有完成任务">没有完成任务</option>
									<option class="child_type" data-parent='工作表现' value="工作消极">工作消极</option>
									<option class="child_type" data-parent='工作表现' value="加班">加班</option>
									<option class="child_type" data-parent='成长表现' value="考核优异">考核优异</option>
									<option class="child_type" data-parent='成长表现' value="考核低劣">考核低劣</option>
								</select>
							</span>
						</p>-->
						<ul>
							<a href="xiangqing5.html">
								<li style="background-color: white;overflow: hidden; border-top: 1px solid gainsboro;">
									<span class="liMain">考勤积分</span>
									<span class="liMain">早到</span>
									<span class="liMain">30</span>
								</li>
							</a>
							<a href="xiangqing6.html">
								<li style="background-color: white;overflow: hidden;">
									<span class="liMain">考勤积分</span>
									<span class="liMain">满勤</span>
									<span class="liMain">200</span>
								</li>
							</a>
							<a href="xiangqing7.html">
								<li style="background-color: white;overflow: hidden;">
									<span class="liMain">考勤积分</span>
									<span class="liMain">旷工</span>
									<span class="liMain">-500</span>
								</li>
							</a>
							<a href="xiangqing8.html">
								<li style="background-color: white;overflow: hidden;">
									<span class="liMain">考勤积分</span>
									<span class="liMain">迟到</span>
									<span class="liMain">-30</span>
								</li>
							</a>
							<a href="xiangqing9.html">
								<li style="background-color: white;overflow: hidden;">
									<span class="liMain">考勤积分</span>
									<span class="liMain">事假</span>
									<span class="liMain">-20</span>
								</li>
							</a>
							<a href="xiangqing10.html">
								<li style="background-color: white;overflow: hidden;">
									<span class="liMain">考勤积分</span>
									<span class="liMain">病假</span>
									<span class="liMain">-5</span>
								</li>
							</a>
							<a href="xiangqing11.html">
								<li style="background-color: white;overflow: hidden;">
									<span class="liMain">考勤积分</span>
									<span class="liMain">婚假</span>
									<span class="liMain">0</span>
								</li>
							</a>
							<a href="xiangqing12.html">
								<li style="background-color: white;overflow: hidden;">
									<span class="liMain">考勤积分</span>
									<span class="liMain">丧假</span>
									<span class="liMain">0</span>
								</li>
							</a>
						</ul>
					</div>

				</div>
			</div>
			<div id="foot" class="row">
				<a class="foot col-xs-3 col-sm-3" href="../kaoqin/index2.html">
					<img class="footImg" src="../../images/guanlixuanzhong.png" />
					<p>管理</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../coalition/colalition.html">
					<img class="footImg" src="../../images/lianmengchushi.png" />
					<p>联盟</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../store/store.html">
					<img class="footImg" src="../../images/11.png" />
					<p>商城</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../personage/personIndex.html">
					<img class="footImg" src="../../images/13.png" />
					<p>我的</p>
				</a>
			</div>
		</div>

	</body>
	<script src="../../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/handlebars-v2.0.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/rhAdmin.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript">
		$('.tabMain').click(function(){
			$('.tabMain').css({
				'color':'black'
			});
			var a = $('.tabMain').index($(this));
			$(this).css({
				'color':'red'
			});
			$('.main111').css({
				'display':'none'
			});
			$('.main111').eq(a).css({
				'display':'block'
			});
		})
		 function isContains(str, substr) {
			return new RegExp(substr).test(str);
		}
		function search() {
			$(".child_type").hide();
			$.each($(".child_type"), function(idx, item) {
				console.log(item)
				var bbb = 0;
				var aaa = $('.child_type').eq(idx).attr('data-parent');
//					$('.child_type:nth-child(1)').show();
//			$('.child_type:nth-child(1)').attr('selected','selected');
//				if(idx != 0) {
//					$(".child_type:nth-child(1)").show();
//					if(item.children[0]) {
						if(isContains(aaa, $('#bumen').val())) {
							
							$(this).show();
						}
						if($('#bumen').val() == 1){
							$(".child_type").show();
						}
						
//					}

//				}
			});
				
		}
		function search1(){
			$('.jifen1').hide();
			$.each($(".jifen1"), function(idx, item) {
				console.log(item)
				var aaa = $('.child_type').eq(idx).attr('data-parent');
//				if(idx != 0) {
//					$(".child_type:nth-child(1)").show();
//					if(item.children[0]) {
						if(isContains(item.children[0].innerHTML, $('#bumen').val())) {
							$(this).show();
						}
//					}
						

//				}
			});
		}
		function search2(){
			$('.jifen1').hide();
			$.each($(".jifen1"), function(idx, item) {
				console.log(item)
				
				var aaa = $('.child_type').eq(idx).attr('data-parent');
//				if(idx != 0) {
//					$(".child_type:nth-child(1)").show();
//					if(item.children[0]) {
						if(isContains(item.children[1].innerHTML, $('#bumen1').val())) {
							$(this).show();
						}
									
						
//					}

//				}
			});
		}
		search();
		$('#bumen').on('change', function() {
//			searchBumen();
			search();
			search1();
//			$('#searchName').val('');
			
			if($('#bumen').val() == '1') {
//				$('.child_type:nth-child(1)').show();
//			$('.child_type:nth-child(1)').attr('selected','selected');
//				searchName();
//				$('.child_type').hide();
//				$('.child_type:nth-child(1)').show();
//				$('.child_type:nth-child(1)').attr('selected','selected');
				$('.jifen1').show()
			}
		})
		$('#bumen1').on('change', function() {
//			searchBumen();
//			search();
			search2();
//			if ($('#bumen1').val() == ''&&$('#bumen').val() == '1') {
//				$('.jifen1').show()
//			}
			if($('#bumen1').val() =='11'){
				$('.jifen1').show()
			}
//			$('#searchName').val('');
//			if($('#bumen').val() == '1') {
////				searchName();
//				$('.child_type').hide();
//				$('.child_type:nth-child(1)').show();
//				$('.child_type:nth-child(1)').attr('selected','selected');
//			}
		})
	</script>
</html>